.layout{
  //background: #f5f7f9;
  //border-radius: 4px;
  //width: 100%;
  //height: 100%;
  //z-index: 0;
  //position: absolute;
  &-menu {
    position: fixed;
    height: 100vh;
    left: 0;
    overflow: auto;
    background: #495060;
    z-index: 0;
  }
}

.fixed-content {
  top: 0;
  bottom:0;
  overflow-y:scroll;
  overflow-x:hidden;
  z-index: 0;
}

.layout-header-bar{
  background: #fff;
  box-shadow: 0 1px 1px rgba(0,0,0,.1);
}
.breadcrumb {
  margin-left: 20px;
}

.main-content {
  height: 100vh;
  padding: 0;
  z-index: 0;
}
.rotate {
  cursor: pointer;

  transition: transform .25s ease-in ;
  -moz-transition: transform .25s ease-in ; /* Firefox 4 */
  -webkit-transition: transform .25s ease-in ; /* Safari 和 Chrome */
  -o-transition: transform .25s ease-in ; /* Opera */
}
// 旋转
.rotateIcon {
  cursor: pointer;
  transform:rotate(90deg);
  -ms-transform:rotate(90deg); 	/* IE 9 */
  -moz-transform:rotate(90deg); 	/* Firefox */
  -webkit-transform:rotate(90deg); /* Safari 和 Chrome */
  -o-transform:rotate(90deg); 	/* Opera */

  transition: transform .25s ease-in ;
  -moz-transition: transform .25s ease-in ; /* Firefox 4 */
  -webkit-transition: transform .25s ease-in ; /* Safari 和 Chrome */
  -o-transition: transform .25s ease-in ; /* Opera */
}

